<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HOME</title>
    <link rel="stylesheet" href="../css/home-style.css">

</head>
<body>

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.15.1/lib/index.js"></script>
<div id="app">
    <el-container style="height: 920px; border: 1px solid #eee">
        <el-aside width="250px" style="background-color: rgb(238, 241, 246)">
            <el-menu :default-openeds="['1', '3']">
                <el-submenu index="1">
                    <template slot="title"><i class="el-icon-message" style="color:#70AD47;"></i>Message</template>
                    <el-menu-item-group>
                        <template slot="title">company message</template>
                        <a href="#top"><el-menu-item index="1-1">Detail message</el-menu-item></a>
                    </el-menu-item-group>

                </el-submenu>
                <el-submenu index="2">
                    <template slot="title"><i class="el-icon-menu" style="color: #70AD47"></i>Questionnaire</template>
                    <el-menu-item-group>
                        <template slot="title">Questions</template>
                        <a href="#Q1">
                            <el-menu-item index="2-1">Question1</el-menu-item>
                        </a>
                        <a href="#Q2">
                            <el-menu-item index="2-2">Question2</el-menu-item>
                        </a>
                        <a href="#Q3">
                            <el-menu-item index="2-3">Question3</el-menu-item>
                        </a>
                        <a href="#Q4">
                            <el-menu-item index="2-4">Question4</el-menu-item>
                        </a>
                        <a href="#Q5">
                            <el-menu-item index="2-5">Question5</el-menu-item>
                        </a>
                        <a href="#Q6">
                            <el-menu-item index="2-6">Question6</el-menu-item>
                        </a>
                        <a href="#Q7">
                            <el-menu-item index="2-7">Question7</el-menu-item>
                        </a>
                        <a href="#Q8">
                            <el-menu-item index="2-8">Question8</el-menu-item>
                        </a>
                        <a href="#Q9">
                            <el-menu-item index="2-9">Question9</el-menu-item>
                        </a>
                        <a href="#Q10">
                            <el-menu-item index="2-10">Question10</el-menu-item>
                        </a>
                        <a href="#Q11">
                            <el-menu-item index="2-11">Question11</el-menu-item>
                        </a>
                        <a href="#Q12">
                            <el-menu-item index="2-12">Question12</el-menu-item>
                        </a>
                        <a href="#Q13">
                            <el-menu-item index="2-13">Question13</el-menu-item>
                        </a>

                    </el-menu-item-group>

                </el-submenu>
                <el-submenu index="3">
                    <template slot="title"><i class="el-icon-phone" style="color: #70AD47"></i>Contact</template>
                    <el-menu-item-group>
                        <template slot="title">Contact to us</template>
                        <a href="https://albatel.ie/contact-us/" target="_blank"><el-menu-item index="3-1">Contact us</el-menu-item></a>
                        <el-menu-item index="3-2">Phone: <a href="tel:016102688">01 6102688</a></el-menu-item>
                        <el-menu-item index="3-3">Email: <a href="mailto:jobs@albatel.ie">info@albatel.ie</a></el-menu-item>
                    </el-menu-item-group>
                </el-submenu>
                <template slot="title">Copyright Albatel  2021  – Datalab.ie</template>
            </el-menu>
        </el-aside>


        <el-container>
            <div class="right" style="position: fixed; right: 225px; bottom: 45px">
                <span style="margin-left: 32px;">Tips</span>
                <el-tooltip class="item" effect="dark"
                            content="My business has this in place  I am happy with our approach  I feel that I have sufficient knowledge"
                            placement="right" style="margin-left: 10px;margin-top: 10px; color: greenyellow">
                    <el-button>Green</el-button>
                </el-tooltip>
                <el-tooltip class="item" effect="dark"
                            content="My business has something in place, but I feel it could be improved   I feel that I would need some support if this situationarose"
                            placement="right" style="color: #70AD47">
                    <el-button>Amber</el-button>
                </el-tooltip>
                <el-tooltip class="item" effect="dark"
                            content="My business does not have provision for this  I feel unprepared for this situation"
                            placement="right" style="color: red">
                    <el-button>Red</el-button>
                </el-tooltip>
            </div>
            <el-main style="padding-top: 0">
                <el-header
                        style="text-align: left; font-size: 12px; border-bottom: #70AD47 1px solid; padding-bottom: 110px; position: absolute   ;width: 1190px;z-index: 9;height: 110px;">
                    <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3293611224,1873454624&fm=224&gp=0.jpg"
                         alt="#" style="width: 1190px;height: 110px; z-index: -1;position: absolute;left: 0px;">
                    <a href="https://albatel.ie/"><img width="200" height="90" id="logo"
                                                       src="https://albatel.ie/wp-content/uploads/2021/03/new-logo.jpg"
                                                       alt="https://albatel.ie/"
                                                       style="float: left;margin-left: 50px;margin-top: 15px"></a>
                    <div style="margin-left: 300px; margin-top: 42px"><span style="font-size: 45px; font-family: 'Asap',asap;">HR Health Check Report</span></div>
                </el-header>
                <div id="top"></div>
                <form action="http://localhost:8080/CS335Lab/Servlet1" id="form1" method="get">
                    <div style="text-align: left;">
                        <div id="message" class="message-div" style="width: 400px; margin-top: 70px; ">
                            <h1>Your Message</h1>
                            <div><span>Your Company Name:</span> <input type="text" name="companyname"
                                                                        required="required"></div>
                            <div><span>Business Sector:</span> <input type="text" name="businesssector"
                                                                      required="required"></div>
                            <div><span>Number of employees:</span> <input type="text" name="employeenum"
                                                                          required="required"></div>
                            <div><span>Company Location:</span><input type="text" name="companylocation"
                                                                      required="required"></div>
                            <div><span>Contact Name:</span> <input type="text" name="contactname" required="required">
                            </div>
                            <div><span>Contact Job Title:</span> <input type="text" name="contactjobtitle"
                                                                        required="required"></div>
                            <div><span>Contact Email:</span> <input type="text" name="contactemail" required="required">
                            </div>
                            <div><span>Contact Telephone:</span> <input type="text" name="contacttelephone"
                                                                        required="required"></div>
                        </div>
                    </div>
                    <div id="question">
                        <div id="Q1">
                            <h2>Legal Compliance</h2>
                            <div>
                                <h5>1. Do you have a process in place to ensure that all employees have the right to
                                    work in
                                    Ireland?</h5>
                                　<input type="radio" name="q1" value="1" required="required"/>Red&nbsp;&nbsp;
                                <input type="radio" name="q1" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q1" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>

                            <div>
                                <h5>2. Do all of your employees have a contract providing written terms and conditions
                                    of
                                    their
                                    employment?</h5>
                                　<input type="radio" name="q2" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q2" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q2" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>3. Do you issue an addendum for any changes in employment terms and conditions? Wage
                                    changes, hours
                                    of
                                    work
                                    etc?</h5>
                                　<input type="radio" name="q3" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q3" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q3" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>4. Do you ensure that you do not indirectly discriminate through poor recruitment
                                    and
                                    selection
                                    procedures,
                                    and
                                    pay and incentive schemes?</h5>
                                　<input type="radio" name="q4" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q4" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q4" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                        </div>
                        <div id="Q2">
                            <h2>Hours of Work and Leave</h2>
                            <div>
                                <h5>1. Do Your employees receive breaks in line with Working
                                    Time Regulations?</h5>

                                　<input type="radio" name="q5" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q5" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q5" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>2. Do all of your employees receive at least their statutory
                                    minimum holidays and public holiday entitlements?</h5>

                                　<input type="radio" name="q6" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q6" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q6" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>3. Are you complying with maternity, paternity, parental
                                    and other statutory leave rights for your employees?</h5>

                                　<input type="radio" name="q7" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q7" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q7" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>4. Do you keep an accurate record of each employees
                                    working hours including rest breaks?</h5>

                                　<input type="radio" name="q8" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q8" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q8" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                        </div>
                        <div id="Q3">
                            <h2>Policies & Practices</h2>
                            <div>
                                <h5>1. Do you have a set of clear and comprehensive
                                    employment policies (Employee Handbook) in place
                                    that is accessible to managers and employees? </h5>

                                　<input type="radio" name="q9" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q9" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q9" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>2. Do you feel confident about responding to a request
                                    for flexible working?</h5>

                                　<input type="radio" name="q10" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q10" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q10" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>3. Are staff and managers aware of how to recognise and
                                    deal with bullying and harassment?
                                </h5>

                                　<input type="radio" name="q11" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q11" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q11" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>4. Do you have adequate policies in place to protect your
                                    business such as social media policies, confidentiality
                                    agreements, intellectual property and restrictive
                                    covenants?
                                </h5>

                                　<input type="radio" name="q12" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q12" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q12" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>5. Do you have a written equal opportunities policy?
                                </h5>

                                　<input type="radio" name="q13" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q13" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q13" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                        </div>
                        <div id="Q4">
                            <h2>Employee Relations</h2>
                            <div>
                                <h5>1. Are you and your managers well equipped to handle an
                                    employee dispute, grievance or disciplinary situation?</h5>

                                　<input type="radio" name="q14" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q14" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q14" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>2. Are you and your managers well equipped to discuss
                                    difficult topics with employees? (E.G sickness absence,
                                    poor performance)
                                </h5>

                                　<input type="radio" name="q15" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q15" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q15" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>3. Do you have to deal with a lot of employee grievances?</h5>

                                　<input type="radio" name="q16" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q16" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q16" value="3" required="required"/>Green &nbsp;&nbsp;

                            </div>
                        </div>
                        <div id="Q5">
                            <h2>Performance Management</h2>
                            <div>
                                <h5>1. Do all employees have job descriptions and clearly
                                    defined roles?
                                </h5>

                                　<input type="radio" name="q17" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q17" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q17" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>2. Do you have a process for objectively assessing the
                                    performance of your employees?
                                </h5>

                                　<input type="radio" name="q18" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q18" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q18" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>3. Do you provide frequent feedback to your employees?</h5>

                                　<input type="radio" name="q19" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q19" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q19" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>4. Do you manage an employee’s probationary period
                                    effectively with regular check ins and feedback?</h5>

                                　<input type="radio" name="q20" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q20" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q20" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>5. Do you have a persistent or long-term sickness absence
                                    problem within your business?</h5>

                                　<input type="radio" name="q21" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q21" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q21" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>6. Are you dealing with a lot of disciplinaries within your
                                    business?</h5>

                                　<input type="radio" name="q22" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q22" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q22" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                        </div>
                        <div id="Q6">
                            <h2>Training and Development</h2>
                            <div>
                                <h5>1. Do you have a method to identify the skills gaps and
                                    development needs of your workforce?</h5>

                                　<input type="radio" name="q23" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q23" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q23" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>2. Have your line managers been trained to deal with
                                    people issues?</h5>

                                　<input type="radio" name="q24" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q24" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q24" value="3" required="required"/>Green &nbsp;&nbsp;

                            </div>
                        </div>
                        <div id="Q7">
                            <h2>Recruitment & Retention</h2>
                            <div>
                                <h5>1. Do you have high staff turnover rates?</h5>

                                　<input type="radio" name="q25" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q25" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q25" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>2. Are you clear about why employees have left your
                                    business?
                                </h5>

                                　<input type="radio" name="q26" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q26" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q26" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>3. Do you gain enough quality candidates through your
                                    recruitment methods?
                                </h5>

                                　<input type="radio" name="q27" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q27" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q27" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>4. Are you and your managers trained in interviewing and
                                    selection techniques?
                                </h5>

                                　<input type="radio" name="q28" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q28" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q28" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>5. Do you have a structured onboarding process?
                                </h5>

                                　<input type="radio" name="q29" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q29" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q29" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                        </div>
                        <div id="Q8">
                            <h2>Change and Reorganisation</h2>
                            <div>
                                <h5>1. Are you aware of the employment law implications of
                                    handling a business re-organisation?
                                </h5>

                                　<input type="radio" name="q30" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q30" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q30" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>2. Do you have strong policies in place to manage a
                                    downturn in the business and potential redundancies?</h5>

                                　<input type="radio" name="q31" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q31" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q31" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                        </div>
                        <div id="Q9">
                            <h2>Pay and Benefits
                            </h2>
                            <div>
                                <h5>1. Do you have a process for assessing and reviewing the
                                    salary and other benefits of your employees?
                                </h5>

                                　<input type="radio" name="q32" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q32" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q32" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>2. Do your employees receive a statement of earnings?
                                    (Payslip)</h5>

                                　<input type="radio" name="q33" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q33" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q33" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>3. Do you meet legal requirements such as the National
                                    Minimum Wage and equal pay?
                                </h5>

                                　<input type="radio" name="q34" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q34" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q34" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>4. Do all of your employees have access to a PRSA?</h5>

                                　<input type="radio" name="q35" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q35" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q35" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>

                            <div>
                                <h5>5. Do you ensure that you do not discriminate through your
                                    pay and incentive schemes?
                                </h5>

                                　<input type="radio" name="q36" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q36" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q36" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                        </div>
                        <div id="Q10">
                            <h2>Employee Communication & Engagement</h2>
                            <div>
                                <h5>1. Do you conduct a regular employee engagement
                                    survey?
                                </h5>

                                　<input type="radio" name="q37" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q37" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q37" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>2. Do you keep employees informed about business
                                    developments? (e.g. financial performance,
                                    forthcoming changes)
                                </h5>

                                　<input type="radio" name="q38" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q38" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q38" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>3. Do you communicate with all of your employees
                                    regularly and allow for their input/contribution?</h5>

                                　<input type="radio" name="q39" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q39" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q39" value="3" required="required"/>Green &nbsp;&nbsp;


                            </div>
                        </div>
                        <div id="Q11">
                            <h2>Health and Safety</h2>
                            <div>
                                <h5>1. Does your business have a health and safety policy and
                                    statement that is visible to all employees and reviewed
                                    annually?
                                </h5>

                                　<input type="radio" name="q40" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q40" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q40" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>2. Are workplace accidents, near-misses, injuries, and
                                    illnesses reported and investigated?
                                </h5>

                                　<input type="radio" name="q41" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q41" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q41" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>3. Do you ensure that you are looking after the employees
                                    mental as well as physical health?</h5>

                                　<input type="radio" name="q42" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q42" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q42" value="3" required="required"/>Green &nbsp;&nbsp;

                            </div>
                        </div>
                        <div id="Q12">
                            <h2>Covid Related</h2>
                            <div>
                                <h5>1. Have all of your staff been through the Return-to-Work
                                    Covid Induction?
                                </h5>

                                　<input type="radio" name="q43" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q43" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q43" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>2. Have you at least one Lead Worker Representative
                                    appointed?</h5>

                                　<input type="radio" name="q44" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q44" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q44" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>3. Have risk assessments been carried out on homework
                                    stations for employees working remotely?
                                </h5>
                                <input type="radio" name="q45" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q45" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q45" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                        </div>
                        <div id="Q13">
                            <h2>Employee Records and GDPR</h2>
                            <div>
                                <h5>1. Do you have a Data Protection Policy that is compliant
                                    with the Data Protection Act 2018?</h5>

                                　<input type="radio" name="q46" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q46" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q46" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>2. Do you have complete and up to date files of record on
                                    every employee?</h5>

                                　<input type="radio" name="q47" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q47" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q47" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                            <div>
                                <h5>3. Are you only retaining records for as long as you should
                                    and securely destroying any data no longer required?</h5>
                                　<input type="radio" name="q48" value="1" required="required"/>Red
                                &nbsp;&nbsp; <input type="radio" name="q48" value="2" required="required"/>Amber &nbsp;&nbsp;
                                <input type="radio" name="q48" value="3" required="required"/>Green &nbsp;&nbsp;
                            </div>
                        </div>
                    </div>

                    <!--                    <iframe src="interview.html" frameborder="0" style="height: 800px;"></iframe>-->
                    <div id="submit"
                         style="margin-top: 50px; text-align: left; margin-left: 55px; background-color:#fff;">
                        <el-row>
                            <template>
                                <el-popconfirm title="Sure to submit？">
                                    <el-button slot="reference" style="border:none; padding: 0">
                                        <!--  Submit href-->
                                        <input id="btn" type="submit" value="submit"
                                               style="font-size: 30px;color: #62ff87">
                                    </el-button>
                                </el-popconfirm>
                            </template>

                        </el-row>
                    </div>
                </form>
            </el-main>
        </el-container>
    </el-container>
</div>

</body>
<script>
    var Main = {};
    var Ctor = Vue.extend(Main)
    new Ctor().$mount('#app')</script>
<script src="../js/jquery-3.6.0.js"></script>

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>


</html>